<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>装修详情</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    
    <link rel="stylesheet" type="text/css" href="css/customerservicelist.css" />
    <link rel="stylesheet" type="text/css" href="css/zxrenwu_list.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.picker.min.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.reset.css" />

</head>

<body>
    <div id="app" v-cloak>
        <div class="mask_bg" v-on:click="doCloseRoom()" v-if="IsRoomOpen||IsOpenResult"></div>
        <!-- 装修暂停 -->
        <div class="choose_box" v-if="IsRoomOpen">
            <div v-if="IsRoomOpenid==0" >
                <div class="choose_room_title">装修暂停</div>
                <div class="choose_room_content">
                    <div class="stop_msg"><span>装修暂停后，系统会暂停生成巡查任务，直到装修恢复。</span></div>
                    <div class="aui-list-item-input">
                        <textarea v-model="form.remark"  placeholder="请输入暂停原因(选填)"  style="height: 6rem; margin-top: 10px;"></textarea>
                    </div>
                </div>
                <div  class="bottom_btn">
                    <div v-on:click="doCloseRoom()" class="quxiao-btn">取消</div>
                    <div v-on:click="do_savestop(4)" class="aui-btn">保存</div>
                </div>
            </div>
            <div v-if="IsRoomOpenid==1" >
                <div class="choose_room_title">装修恢复</div>
                <div class="choose_room_content">
                    <div class="aui-list-item-input">
                        <textarea v-model="form.remark"  placeholder="请输入恢复原因(选填)"  style="height: 6rem; margin-top: 10px;"></textarea>
                    </div>
                </div>
                <div  class="bottom_btn">
                    <div v-on:click="doCloseRoom()" class="quxiao-btn">取消</div>
                    <div v-on:click="do_savestop(5)" class="aui-btn">保存</div>
                </div>
            </div>

        </div>
        <!-- 查看巡查结果 -->
        <div class="choose_box" v-if="IsOpenResult">
            <div v-if="Resultdata.CheckResult==1" class="choose_room_title zhengchang" >正常</div>
            <div v-if="Resultdata.CheckResult==2" class="choose_room_title yichang">异常</div>
            <div style="width: 86%; margin: 0 auto; margin-top: 15px;">
            <div class="gd-contain mt10">
                <div class="examine_con">
                    <div class="examine_con_list">
                        <div class="ex_con_lft" style="color:#344356;">巡查时间</div>
                        <div class="ex_con_rgt">{{Resultdata.CompleteTime}}</div>
                    </div>
                    <div class="examine_con_list">
                        <div class="ex_con_lft" style="color:#344356;">巡查人</div>
                        <div class="ex_con_rgt">{{Resultdata.Name}}</div>
                    </div>
                    <div class="examine_con_list zx_xiangmu" style="border-bottom: none; margin-top: 15px;">
                        <div class="ex_con_lft" style="width: 100%; float: unset; font-weight: bold; color: #333;">巡查结果</div>
                        <div class="zxitembox">
                            <div class="zx_xiangmu">{{Resultdata.count}}</div>
                            <div class="imglist_box ">
                                <div class="imglist_item" v-for="item in Resultdata.ImgList">
                                    <img v-bind:src="item.SysFinalFilePath" v-on:click="img_browser(item)">
                                </div>
                                <!-- <div class="imglist_item">
                                    <img src="../image/task_con_img2.png">
                                </div> -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        </div>


        <div v-bind:class="{'blur':IsRoomOpen||IsOpenResult}" style="margin-top: 0px;">
        <div class="aui-content mb2r">
            <div class="boxarea mainbox" v-on:click="do_open_zxMsg(form.ID)">
                <div class="app_list_txt noline" style="padding-left: 0px;">
                    <span>装修信息</span>
                    <i class="icon iconfont icon-xiangyoujiantou"  style="float: right; font-weight: unset; top:-1px; font-size: 0.75rem; color: #CACED2;"></i>
                </div>
                <div class="gd-contain mt10">
                    <div class="examine_con">
                        <div class="examine_con_list">
                            <div class="ex_con_lft">办理客户</div>
                            <div class="ex_con_rgt">{{form.UseName}}</div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft">手机号码</div>
                            <div class="ex_con_rgt">{{form.UsePhoneNumber}}</div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft">装修开始时间</div>
                            <div class="ex_con_rgt">{{form.StartTime}}</div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft">装修结束时间</div>
                            <div class="ex_con_rgt">{{form.EndTime}}</div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 装修过程 -->
            <div class="boxarea mainbox" v-on:click="do_open_step()">
                <div class="app_list_txt noline">
                    <span>装修过程</span>
                    <i class="icon iconfont icon-xiangyoujiantou"  style="float: right; font-weight: unset; top:-1px; font-size: 0.75rem; color: #CACED2;"></i>
                </div>
                <div class="roomsummary" v-for="item in process">
                    <div class="zxtip_new">
                        <div class="tip_newtitle">{{item.TypeName}}</div>
                        <div class="tip_time">{{item.HandleTime}}</div>
                    </div>
                    <div class="tip_msg">{{item.HandleDec}}</div>
                </div>
            </div>
            <!-- 查验任务 -->
            <div class="boxarea mainbox" >
                <div class="zx_list_box">
                    <div class="row_one title">
                        <div class="clum one">巡查时间</div>
                        <div class="clum two">巡查人</div>
                        <div class="clum three">巡查结果</div>
                    </div>
                    <div class="row_one" v-for="item in Patrol" v-on:click="do_openresult(item.CheckResult,item.ID,item.State,item.Type)">
                        <div class="clum one aui-ellipsis-1"
                         v-bind:class="{'yichang':item.CheckResult==2,'zhengchang':item.CheckResult==1}">{{item.Time}}</div>
                        <div class="clum two aui-ellipsis-1" 
                        v-bind:class="{'yichang':item.CheckResult==2,'zhengchang':item.CheckResult==1}">{{item.Name}}</div>
                        <div v-if="item.CheckResult==0" class="clum three">未开始 <i class="icon iconfont icon-xiangyoujiantou" ></i></div>
                        <div v-if="item.CheckResult==1" class="clum three zhengchang">正常 <i class="icon iconfont icon-xiangyoujiantou" ></i></div>
                        <div v-if="item.CheckResult==2" class="clum three yichang">异常 <i class="icon iconfont icon-xiangyoujiantou" ></i></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="bottom_box">
                <div class="btn_lft">
                    <span v-if="IsRoomOpenid==0" v-on:click="do_stop(4)">暂停</span>
                    <span v-if="IsRoomOpenid==1" v-on:click="do_stop(5)">恢复</span>
                    <span v-if="form.CheckNoApplyBt" v-on:click="do_search()">查验</span>
                    <!-- <span v-if="IsRoomOpenid==0" v-on:click="do_result()">结算</span> -->
                </div>
                <div v-if="IsRoomOpenid==0" class="btn_rgt">
                    <div class="aui_bottombtn" v-on:click="do_zxXuncha(2)">临时巡查</div>
                </div>
        </div>
    </div>
    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/mui/mui.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.picker.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.poppicker.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/page/dateRangeUtil.js"></script>
<script type="text/javascript" src="../script/highcharts/highcharts.js"></script>
<script type="text/javascript" src="../script/highcharts/modules/exporting.js"></script>
<script type="text/javascript" src="js/zxrenwu_detail.js"></script>

</html>
